<!--
 * @Descripttion:
 * @Author: Silence
 * @Date: 2023-05-23 21:25:28
 * @LastEditors: Silence
 * @LastEditTime: 2023-05-23 22:29:20
-->
<template>
  <table class="my-table">
    <thead>
      <tr>
        <th>就诊日期</th>
        <th>医生姓名</th>
        <th>诊断结果</th>
        <th>处方信息</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in arr" :key="item.doctor">
        <td>{{ item.date }}</td>
        <td>{{ item.doctor }}</td>
        <td>{{ item.diagnosis }}</td>
        <td>{{ item.prescription }}</td>
        <td @click="details(item.doctor)">详情</td>
      </tr>
    </tbody>
  </table>
</template>
<script>
export default {
  props: {
    arr: {
      type: Array
    }
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
    details (name) {
      const obj = this.arr.filter(item => item.doctor === name)
      this.$Bus.$emit('toData', obj)
    }
  }
}
</script>
<style lang='less'  scoped>
.my-table {
  border-collapse: collapse;
  width: 100%;
}

.my-table td,
.my-table th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

.my-table th {
  background-color: #f2f2f2;
}
</style>
